<script setup lang="ts">

// 从zhuye传递过来的值
const props=defineProps(['price','class_name','enlists_num','recent_num','create_time','src',])
  


</script>
<template>
  <div class="img">
    <div>
      <!-- <template v-if="src==undefined"> -->
        <el-image style="width: 100%; height: 100%" :src="src" fit="fit" />
         <!-- <div class="el-image_error">无图片</div> -->
    <!-- </template>
    <template v-else>
      <el-image style="width: 100%; height: 100%" :src="src" fit="fit" />
    </template> -->
    </div>
    <!-- <p>用秒杀学习mysql,redis及DDD来疯狂涨薪</p> -->
    <p>{{ class_name }}</p>
    <p><span class="free">{{price}}</span>&nbsp;&nbsp;&nbsp;&nbsp;{{enlists_num}}</p>
         <p> 
            <span class="iconfont icon-kefurexian"></span>
         {{ recent_num }}
           <span class="RightNum">
          <span class="iconfont icon-kefurexian"></span>
          {{ create_time }}
        </span>
        </p>
  </div>
</template>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
.img {
  width: 17%;
  margin: 10px;
  text-align: left;
  display: inline-block;
}
p {
  font-size: 12px;
  color: black;
}
.RightNum{
 margin-left: 20px;
}

</style>
